/* 显示工具类 - HarmonyOS设计指南实现 */

@import '../base/window.less';

/* 显示/隐藏 */
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }

/* 透明度 */
.opacity-0 { opacity: 0 !important; }
.opacity-25 { opacity: 0.25 !important; }
.opacity-50 { opacity: 0.5 !important; }
.opacity-75 { opacity: 0.75 !important; }
.opacity-100 { opacity: 1 !important; }

/* 指针事件 */
.pointer-events-none { pointer-events: none !important; }
.pointer-events-auto { pointer-events: auto !important; }

/* 用户选择 */
.select-none { 
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.select-text { 
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}
.select-all { 
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  -ms-user-select: all !important;
  user-select: all !important;
}
.select-auto { 
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

/* 光标 */
.cursor-auto { cursor: auto !important; }
.cursor-default { cursor: default !important; }
.cursor-pointer { cursor: pointer !important; }
.cursor-wait { cursor: wait !important; }
.cursor-text { cursor: text !important; }
.cursor-move { cursor: move !important; }
.cursor-help { cursor: help !important; }
.cursor-not-allowed { cursor: not-allowed !important; }

/* 调整大小 */
.resize-none { resize: none !important; }
.resize-y { resize: vertical !important; }
.resize-x { resize: horizontal !important; }
.resize { resize: both !important; }

/* 响应式显示 */
@media screen and (max-width: @breakpoint-medium) {
  .hide-md { display: none !important; }
  .show-md { display: block !important; }
}

@media screen and (max-width: @breakpoint-small) {
  .hide-sm { display: none !important; }
  .show-sm { display: block !important; }
}

@media screen and (max-width: @breakpoint-xsmall) {
  .hide-xs { display: none !important; }
  .show-xs { display: block !important; }
}

